<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>如何分享图片到朋友圈</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" th:href="@{/css/style.css}"/>
</head>
<body>
    <div class="swiper-slide">
        <div class="list">
            <div class="listTitle">
                1、在“商品详情”页点击“分享”图标
            </div>
            <div class="listContent">
                <div class="listImg">
                    <img th:src="@{/images/share1.png}">
                </div>
            </div>
        </div>
        <div class="list">
            <div class="listTitle">
                2、点击“图片”
            </div>
            <div class="listContent">
                <div class="listImg">
                	<img th:src="@{/images/share2.png}">
                </div>
            </div>
        </div>
        <div class="list">
            <div class="listTitle">
                3、点击“更多”
            </div>
            <div class="listContent">
                <div class="listImg">
                	<img th:src="@{/images/share3.png}">
                </div>
            </div>
        </div>
        <div class="list">
            <div class="listTitle">
                4、打开微信的开关后，点击“完成”
            </div>
            <div class="listContent">
                <div class="listImg">
                	<img th:src="@{/images/share4.png}">
                </div>
            </div>
        </div>
        <div class="list">
            <div class="listTitle">
                5、点击“微信”
            </div>
            <div class="listContent">
                <div class="listImg">
                	<img th:src="@{/images/share5.png}">
                </div>
            </div>
        </div>

        <div class="list">
            <div class="listTitle">
                6、图片自动出现在“分享朋友圈”页面
            </div>
            <div class="listContent">
                <div class="listImg">
                	<img th:src="@{/images/share6.png}">
                </div>
            </div>
        </div>
    </div>
</body>
</html>